<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile='http://www.w3.org/2006/03/hcard'>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="alternate" type="application/rss+xml" title="portfolio in rss" href="rss/portfolio.xml"/>
<title>Afonso Duarte — A Premature Retrospective</title>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js" type="text/javascript"></script>
<script src="js/stuff.js" type="text/javascript"></script>
<!--[if IE 6]>
<link href="css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<div id="container">

  <div id="header">
    <h1>Afonso Duarte — A Premature Retrospective </h1>
  </div>
  
  <div id="menu">
    <ul>

      <li>
        <h2>Projects</h2>
        <ol id="Projects">
	        
	        <li>» <a href="#As-Primeiras-Horas" class="section">As Primeiras Horas</a></li>
	        <li>» <a href="#Un-Singe-de-Beaute" class="section">Un Singe de Beauté</a></li>
	        <li>» <a href="#In-Girum" class="section">In Girum Imus Nocte et Consumimur Igni</a></li>
			<li>» <a href="#Monkeys-Finger" class="section">Monkey’s Finger</a></li>
			<li>» <a href="#Plataforma-Comum" class="section">Plataforma Comum</a></li>
	        <li>» <a href="#Finalistas-Pintura" class="section">Finalistas Pintura ’06</a></li>
	        <li>» <a href="#Afta-Templates" class="section">Afta Templates</a></li>
	        <li>» <a href="#Get-Off-The-Internet" class="section">Get Off The Internet</a></li>
	        <li>» <a href="#Art-Brut" class="section">Art Brut</a></li>
			<li>» <a href="#Eat-Me" class="section">Eat Me</a></li>
			<li>» <a href="#Well-Make-a-Lover-of-You" class="section">We’ll Make a Lover of You</a></li>
			
          
        </ol>
      </li>
      <li>
        <h2><a href="#About-Me" class="section">About me</a></h2>
      </li>
      
    </ul>
  </div>
  
  <div id="content"> 

	<div id="As-Primeiras-Horas" class="project">
    	<h3>As Primeiras Horas</h3>
    	<p class="category">Book [2009]</p>
    	
    	
    	<a href="portfolio/As-Primeiras-Horas/capa.jpg" class="stb" ><img src="portfolio/As-Primeiras-Horas/capa.jpg"  alt="As Primeiras Horas" /></a>
    	
    	<p>The lines on this cover are the baseline guides I used to typeset the book, a reference to Maico’s meta-poems.</p>
    	
    	
    </div>    

<pre><a href="#Un-Singe-de-Beaute" class="section">
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v</a>
</pre>


    <div id="Un-Singe-de-Beaute" class="project">
    	<h3>Un Singe de Beauté</h3>
    	<p class="category">Poster — 420 × 594 mm [2007]</p>
    	
    	
    	<a href="portfolio/Oulipo-Poster/poster.jpg" class="stb" ><img src="portfolio/Oulipo-Poster/poster.jpg"  alt="Un Singe de Beauté" /></a>
    	
    	<p>Having as a starting point <a href="http://miche77.free.fr/Oulipo.htm#Manifeste">Oulipo’s manifesto</a>, this project’s aim was to create a poster out of it.</p>
    	<p>Oulipo was founded in 1960 by Raymond Queneau and François Le Lionnais, and dedicated its existence to the syntactic deconstruction of language through the creation of constraints, which often consisted of mathematical formulas. </p>
    	<p>This poster features a sentence generated through such a process, the homophonic translation, which was taken from the last sentence of Oulipo’s second manifesto. The original sentence by John Keats—“A thing of beauty is a joy forever”—thus became “Un singe de beauté est un jouet pour l’hiver!”. </p>
 		<p>Translating this process into a design practice meant deconstructing the word form. I therefore adapted a <a href="http://scriptographer.org/">Scriptographer</a> <a href="portfolio/Oulipo-Poster/soft_tree.js" >script</a> to randomly destroy and branch the input it was given, originating an unpredictably shaped tree. I meant to create a cross dialectic with the Oulipian processes and language by approaching their work in the light of the chaos generating tools that we now dispose of.</p>
    	<p>Simultaneously, and without prior knowledge, this poster is also a reification of Deleuze’s thoughts:</p>
    	<blockquote>Deleuze draws a picture of an abstract logical space anterior to the divisions and up/down, high/low moments within the great Platonic tree—a space that inhabits a force or potential that constantly submits its branches to unpredictable, even monstrous variations.</blockquote>
    	<p class="biblio">—<em>in</em> Constructions, by John Rajchman (1998)</p>
    	     
    	<p>The temporal shortcut was found, in pure ‘pataphysician tradition.</p>
    	
    	
    </div>      





<pre><a href="#In-Girum" class="section">
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v</a>
</pre>
    <div id="In-Girum" class="project">
    	<h3>In girum imus nocte et consumimur igni</h3>
    	<p class="category">Magazine — 156 pp, 250 × 320 mm [2005]</p>
    	    	
    	<p><em>In girum imus nocte et consumimur igni</em> is a magazine that deals with language in all its aspects. Its form is a reflection on language in itself: each article is presented in a very austere grid on transparent paper, followed by a personal interpretation of its content by the designer. This dichotomy is meant to emphasize the designer’s role in the presentation and interpretation of text.</p> 
    	
    	<p>This magazine was made in collaboration with Pedro Proença, Sara Santos and Inês Barros.</p>   
    	
    	<img src="portfolio/In-Girum/spread1.jpg" class="tb" alt="In girum imus nocte et consumimur igni" />

    	<img src="portfolio/In-Girum/spread2.jpg" class="tb" alt="In girum imus nocte et consumimur igni" />
    	<img src="portfolio/In-Girum/spread3.jpg" class="tb" alt="In girum imus nocte et consumimur igni" />

    	<img src="portfolio/In-Girum/spread4.jpg" class="tb" alt="In girum imus nocte et consumimur igni" />
		<img src="portfolio/In-Girum/spread5.jpg" class="tb" alt="In girum imus nocte et consumimur igni" />
		<img src="portfolio/In-Girum/spread6.jpg" class="tb" alt="In girum imus nocte et consumimur igni" />
		<img src="portfolio/In-Girum/spread7.jpg" class="tb" alt="In girum imus nocte et consumimur igni" />
    	
    	<p>This magazine was part of the <em>Jovens Criadores 2006</em> selection in the Graphic Design category.</p>

    	
    </div> 











<pre><a href="#Monkeys-Finger" class="section">
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v</a>
</pre>
    <div id="Monkeys-Finger" class="project">
    	<h3>Monkey’s Finger</h3>
    	<p class="category">Sticker Booklet — 16 pp, 148 × 210 mm [2007]</p>
    	
    	<p>Having as a starting point <a href="http://books.google.co.uk/books?id=XJFh9TT0Z9MC&pg=PA723&lpg=PA723&dq=Wolf+Vostell+manifesto&source=web&ots=B4dl6xnqFM&sig=HZMT4ni1KUwe3dd3AlaRd0uTSIA&hl=en&sa=X&oi=book_result&resnum=1&ct=result#PPA724,M1"  >Wolf Vostell’s manifesto</a> and a Naomi Klein’s <em>No Logo</em> excerpt, this object deals with capitalism’s inherent logic of expansion: lowest common denominator reduction. As such, I reduced some of the world’s best known brands to simple graphical devices, with the intent of representing the underlying logic that their sophisticated corporate images try to deny. </p>
    	    	
    	<p>This booklet contains several elements that can be commonly found in labels in different sizes, but all reduced to the same form: type set in black Helvetica on a white background. It’s also printed on adhesive paper to allow the creation of custom labels. Lastly, this object’s name comes from The Beatles’ song <em>Come Together</em>, in which someone is described as having monkey finger and shooting Coca-Cola. Looking up the meaning of “Monkey’s Finger” I found out that there’s a book by Isaac Asimov with that name that tells the story of a monkey that learns to copy his masters’ literary style and quickly replaces him altogether. This seemed like the perfect title to give to a project that talks about the misleading nature of styles. </p>   	
    	
    	<img src="portfolio/Monkey-Finger/cover.jpg" class="tb" alt="Monkey’s Finger" />
    	<img src="portfolio/Monkey-Finger/spread1.jpg" class="tb" alt="Monkey’s Finger" />
    	<img src="portfolio/Monkey-Finger/spread2.jpg" class="tb" alt="Monkey’s Finger" />   	
    	
    	<p>This project was followed by the <a href="#Well-Make-a-Lover-of-You" class="section">We’ll Make a Lover of You video</a>.</p>
    	
    </div>












<pre><a href="#Plataforma-Comum" class="section">
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v</a>
</pre>
    <div id="Plataforma-Comum" class="project">
    	<h3>Plataforma Comum</h3>
    	<p class="category">Website [2007]</p>
    	
    	<p><a href="http://aftadesign.net/comum/">http://aftadesign.net/comum/ </a></p>
    	
    	<p>Developped in colaboration with Mário Coelho, this platform was our final year project for Communication Design (FBAUL 2006/07). It proposes the access to other final year projects and documents oriented by the theme “(inter)Activisms” and marked out by the concepts suggested by the tags  “Relational Aesthetics”, “Catalysts”, “Time-based”, “Dynamic", “Interactive”, “Participatory”, “Variable”, “Customizable”, “Provocative”, “Responsive”, “Digital”, “Multimedia”, “Installation” and “Performative”.</p>
 <p>COMUM acts as support for a dissertation on this theme, presenting a relational organization between these terms’ implications and embracing structurally the form in which the context transmits it.</p>

<p>COMUM is the convergence element between Communication and Community. The name points to its own significance—“Comum” means common in Portuguese—, creating a dialetical loop that refers infinitely to itself. </p>

<p>COMUM takes shape as an online exhibition platform. The projects presented there are mostly visual and sound experiences that question the spectator's role and speculate about its possible elevation to an active participant in the pieces. These projects find in the platform the possibility of expansion of their installations through the direct intervention of the users. There, they can interact textually with them, and these texts will live and become part of the navigation itself, shaping the next user's experience of it. It aims to underline the possibility of a spectator as an intervening agent, empowering the user's interference through a relational/communicational stimulus between them and the piece. </p>

<p>This projected was exhibited at the REACTOR exhibition, in Fabrica Features, Benetton Chiado, Lisbon, from 13<sup>th</sup> October to 15<sup>th</sup> November 2007.</p>

	<a href="http://aftadesign.net/comum/"><img src="portfolio/Plataforma-Comum/screen1.png" class="border tb" alt="Plataforma Comum" /></a>


	</div>    



<pre><a href="#Finalistas-Pintura" class="section">
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v</a>
</pre>
    <div id="Finalistas-Pintura" class="project">
    	<h3>Finalistas Pintura ’06</h3>
    	<p class="category">Website [2006]</p>
    	
    	<p><a href="http://www.fba.ul.pt/pintura_06/">http://www.fba.ul.pt/pintura_06/</a></p>
    	
    	<p>The website for Painting final year students of 2005/06 was supposed to work as a support for the actual exhibition. Because I wanted the website’s functional logic to be medium-specific, I implemented a random mode of navigation. If you click any of the images, the algorithm that defines what student page to load will be randomly generated, making each visit and path taken unique. At the same time, this system provided greater fairness, since statistically every student will be have the same chances of having their work displayed, which any other type of sorting would not allow.</p>

	<a href="http://www.fba.ul.pt/pintura_06/"><img src="portfolio/Finalistas-Pintura/screen1.png" class="border tb" alt="Finalistas Pintura 06" /></a>


	</div>    
	
	
	
	
	
	
	

<pre><a href="#Afta-Templates" class="section">
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v</a>
</pre> 
    <div id="Afta-Templates" class="project">
    	<h3>Afta Templates</h3>
    	<p class="category">Website [2006]</p>
    	<p><a href="http://aftadesign.net/tciii/templates_en/" >http://aftadesign.net/tciii/templates_en/</a></p>
    	<p>From the introductory text:</p>
    	
    	<blockquote>
    	It is my most profound and burning desire to see the last designer hung with the guts of the last artist. For only freed from these tyrants shall we finally aspire to a life of real fulfillment and satisfaction. Only freed from these guard dogs of the ruling power structure shall we once again take control over the reins of our lives, invert the castrating perspective of the social stratification and start enjoying a good that is presently just the privilege of some: the vivifying everyday life rooted in our most intense desires. <br />Just as afta represents simultaneously the little ulceration of the mucosae that insists on disheveling us with pain days in a row and the portuguese phonetic translation of the english word "after", so our game has two layers of meaning: we both want to meticulously torture design practice and transform it into a common good shared equally and non-hierarchically. Only the distracted ones will not see that these two actions are not only not antagonistic, but actually complete each other: only by completely destroying and demystifying design can one dream about its propagation as a tool of emancipation of the living moment. Just as modernism opened up to the possibility of a critical look at itself, exhausted itself with that criticism and spawned post-modernism, the era of the oscillating subject, so design will do the same until it spawns the post-design, the era of the designer without ontology, the one open to the difference and thirsty for experimentation. This fearless designer gifts without compromises and creates exuberant, self-referential work. It’s creation for its own sake, gifting as a way of life.<br />
Everyday we are witnesses of the total disaggregation of the poor representation of life’s spectacle, instigated by the fierce advances of the horizontal communication networks, the same ones that pass the power back to our side of the field. These are the networks that give us the means to operate this paradigm shift, here and now. For now it is us who control and create the media, and not the other way around. It is us who decide what’s relevant and it is us who make the culture we consume. Long gone are the days when the information was controlled by a tyrannical elite. The time as come for us to write our own history. 
	</blockquote>

	<p>This starting point for this exercise was the exploration of a chosen technology. Having picked HTML/CSS, I created a community website aimed at rendering design as a profession obsolete, by encouraging information exchange in the form of website templates, which are to be regarded here as open processes rather than prefabricated formulas.</p>

	<a href="http://aftadesign.net/tciii/templates_en/"><img src="portfolio/Afta-Templates/screen2.png" class="tb border" alt="Afta Templates" /></a>

	
    </div>  










<pre><a href="#Get-Off-The-Internet" class="section">
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v</a>
</pre>
    <div id="Get-Off-The-Internet" class="project">
    	<h3>Get Off The Internet</h3>
    	<p class="category">Website + Ad campaign [2007]</p>
    	
    	<p><a href="http://aftadesign.net/getofftheinternet/" >http://aftadesign.net/getofftheinternet/</a></p>
    	
    	<p>Get Off The Internet™ is a Firefox extension that replaces ads with an image from its archive. These images animate a list of stupid alternatives to spending time on the Internet. The objective is to reinvent the spaces traditionally reserved to unilateral communication inciting capital accumulation, transforming them instead in everyday life subversion appeals.</p>
    	
    	<p>The messages delivered can be anything, from nonsense pub crawls rules to irritating handshake suggestions, as long as they cause any kind of disruption in the way a given mechanism operates.</p>
    	
    	<p><a href="portfolio/Get-Off-The-Internet/index.htm"  class="popup">Simulate the extension</a></p>
    	<a href="http://aftadesign.net/getofftheinternet/"><img src="portfolio/Get-Off-The-Internet/screen1.png" class="tb border" alt="Get Off The Internet" /></a>
    	
    </div> 



<pre><a href="#Art-Brut" class="section">
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v</a>
</pre>
    <div id="Art-Brut" class="project">
    	<h3>Art Brut</h3>
    	<p class="category">Video — 01’17” [2007]</p>
    	    	
    	<p>A video about selfless devotion to music, based on a song with the same theme.</p>
    	
    	<p>Track: <em>My little Brother</em> by Art Brut </p>



		<object type="application/x-shockwave-flash" data="bin/player_flv.swf" width="500" height="400">
		<param name="movie" value="bin/player_flv.swf" />
		<param name="allowFullScreen" value="true" />
		<param name="FlashVars" value="flv=../portfolio/Art-Brut/artbrut.flv&amp;width=500&amp;height=400" />
		</object>
		
    	
    </div> 




<pre><a href="#Eat-Me" class="section">
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v</a>
</pre>
    <div id="Eat-Me" class="project">
    	<h3>Eat Me</h3>
    	<p class="category">Video — 04’21” [2005]</p>
    	    	
    	<p>This video was a support for a presentation about Émigré, the magazine and type foundry, for the Communication Design class. It displays Jeffery Keedy’s text <em>Rant</em>, originally published in Émigré no. 64. The text is a harsh critic of Graphic Design practice, and questions its motivations, objectives and means used. To present Émigré in a meaningful way we couldn't escape its critical discourse, which became a reference throughout the 80s and 90s, hence the usage of this particular text along with this metaphorically illustrative footage. The song <em>Assassins</em> by Lightning Bolt was chosen for the soundtrack for the violence and roughness it infers to the contents. All typefaces are, obviously, made by Émigré.</p>
    	
    	<p>This video was made in collaboration with Pedro Proença, Sara Santos and Inês Barros.</p>
	
    
    	<object type="application/x-shockwave-flash" data="bin/player_flv.swf" width="500" height="380">
		<param name="movie" value="bin/player_flv.swf" />
		<param name="allowFullScreen" value="true" />
		<param name="FlashVars" value="flv=../portfolio/Eat-Me/eatme.flv&amp;width=500&amp;height=380" />
		</object>
    	
    	<p>This video was part of the <em>Jovens Criadores 2006</em> selection in the Video category.</p>
    	
    </div> 
    
    
    
<pre><a href="#Well-Make-a-Lover-of-You" class="section">
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v</a>
</pre>
    <div id="Well-Make-a-Lover-of-You" class="project">
    	<h3>We’ll Make a Lover of You</h3>
    	<p class="category">Video — 01’13” [2007]</p>
    	    	
    	<p>Having as a starting point <a href="http://books.google.co.uk/books?id=XJFh9TT0Z9MC&pg=PA723&lpg=PA723&dq=Wolf+Vostell+manifesto&source=web&ots=B4dl6xnqFM&sig=HZMT4ni1KUwe3dd3AlaRd0uTSIA&hl=en&sa=X&oi=book_result&resnum=1&ct=result#PPA724,M1" >Wolf Vostell’s manifesto</a> and a Naomi Klein’s <em>No Logo</em> excerpt, this loop aims at representing capitalism’s never ending cycle of human exploitation by other humans, a loop which feeds and justifies itself eternally.</p>    	
		
		<p>Track: <em>We’ll Make a Lover of You</em> by Les Savy Fav</p>
	
		
		<object type="application/x-shockwave-flash" data="bin/player_flv.swf" width="500" height="425">
		<param name="movie" value="bin/player_flv.swf" />
		<param name="allowFullScreen" value="true" />
		<param name="FlashVars" value="flv=../portfolio/Well-Make-a-Lover-of-You/lover.flv&amp;width=500&amp;height=425" />
		</object>
		
			
		<p>This video is an extension of the <a href="#Monkeys-Finger" class="section">Monkey’s Finger booklet</a>.</p>
    	
    </div> 








<pre><a href="#About-Me" class="section">
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v
|
|
v</a>
</pre>

















    
    
    
    
       <div id="About-Me">
    	<h3>About Me</h3>
    	<p>My name is Afonso Duarte. I currently study Communication Art & Design at the <a href="http://www.rca.ac.uk/">RCA</a>.</p>
    	    	    	
    	<ul id="hcard-Afonso-Martins" class="vcard">
			<li><a class="url fn" href="http://www.afonsoduarte.com">Afonso Duarte</a></li>
			<li><a class="email" href="mailto:afonsomartins@gmail.com">afonsomartins@gmail.com</a></li>
			<li>
				<ul class="adr">
					<li class="street-address">204 Fellows Court</li>
					<li class="street-address">Weymouth Terrace</li>
				 	<li><span class="postal-code">E2 8LQ</span> <span class="locality">London</span></li>
					
					<li class="country-name">United Kingdom</li>
				</ul>
		 	<li class="tel">+44 (0) 7878 159 951</li>
		 	<li class="skype">skype: <a href="skype:afonsoduarte?call">afonsoduarte</a></li>
		
		</ul>
    	
    	
    	</div>
    


<pre><a href="#As-Primeiras-Horas" class="section">
^
|
|
^
|
|
^
|
|
^
|
|
^
|
|
^
|
|
^
|
|
^
|
|
^
|
|
^
|
|
^
|
|
^
|
|
^
|
|
^
|
|
^
|
|
^
|
|
^</a>
</pre>


    
  </div>
</div>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7249076-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
